/*note index*/
.note_index{
	width: 80%;
	
	margin: 0px auto 20px auto;
	height: 50px;
	background-color: #FFF5C1;
	border-radius: 0px 0px 20px 20px;
	box-shadow: 5px 5px 10px #888888;
}
.note_index p{
	text-align: center;
	padding-top: 10px;
}


/*invitation and find search*/

.invitation_friend {
	width: 100%;
	height: auto;
	border:solid 1px #E9E9E9;
	border-radius: 20px;
	box-shadow: 5px 5px 10px #888888;
	/*padding: 20px;*/
	margin-bottom: 20px;
}

.invitation_title {
	width: 100%;
	height: 50px;
	border-bottom: solid 1px #E9E9E9;
	font-size: 23px;
	margin: 20px 0px 0px 0px;
}

.invitation_title a{
	margin: 0px 20px;
}

.invitation_title span{
	float: right;
	margin-right: 20px;
}
.information_invitation{
	width: auto;
	height: auto;
	/*border-bottom: solid 1px #E9E9E9;*/
}
.infor_account_friend_index{
	width: 100%;
	height: 55px;
	/*margin: 10px 20px;*/
	padding: 10px 20px;
}

.infor_account_friend_index img{
	float: left;
	width: 34px;	
	height: 34px;	
	border-radius: 17px;
}

.infor_account_friend_index .panda {
    float: right;
    width: 75%;
}
.infor_account_friend_index p{
	/**
 * float: right;
 */
	width: auto;
	font-size: 14px;
	/*text-align: left;*/
	padding: 0px 0px;
	margin: 0px;
}


.button_invitation{
	width: 100%;
	height: 70px;
	padding: 15px 15px;
}

.button_invitation button{

	width: 100%;
	border-radius: 5px;
	height: 40px;
	padding-top: 5px;
}











/*display extension*/
.display_extensions{
	box-shadow: 5px 5px 10px #888888;
	border-radius: 10px 10px 10px 10px;	
	margin-bottom: 10%;
}

.img_display_extensions {
	border-radius: 10px 10px 0px 0px;	
	border:solid 1px #E9E9E9;
	width: 100%;
	height: 100%;
	/*box-shadow: 0px 5px 5px #888888;*/
}

.commend_display_extensions{
	 padding: 6px 14px 7px;
	 font-size: 20x;
	 visibility: visible;
	 /*border:solid 1px #E9E9E9;*/
	 text-align: justify;
	 
}
.account_display_extensions{
	width: 100%;
	height: 50px;
	border-top: solid 1px #E9E9E9;
	/*box-shadow: 0px -5px 5px #888888;*/
	/*border-radius: 0px 0px 10px 10px;*/
}


.account_display_extensions img{
	float: left;
	width: 34px;	
	height: 34px;
	margin: 7px 0px 7px 7px;
	border-radius: 17px;
}
.account_display_extensions p{
	float: right;
	width: 80%;
	font-size: 18px;
	text-align: center;
	padding: 10px 0px;

}

.icon_display_extensions {
	width: 100%;
	height: 30px;
	padding: 5px 20px	;
}

.left_icon_display_extensions{
	float:left;
}
.right_icon_display_extensions{
	float:right;
}

footer {
	width: 100%;
}
